<?php
header('Content-Type: text/html; charset=UTF-8');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <script type='text/javascript' src='query/jquery-1.11.1.min.js'></script>
 <script type='text/javascript'>
		$.ajaxSetup({
			dataType:'JSON',//声明，拿到对象
			error:function(){
						alert('连接错误');
					}
		});
		
		$(function(){
			$('button').click(function(){
			
			$.get('data.php',$('form').serialize(),function(t){//可接收来自另一页面的参数，可整理
				console.log(t);
			})
			
				/*
				$('div').load('data.php',{login:'lisa',passworld:123},function(){
					alert('OK');
				});
				$.get('data.php5',{t:45},function(data){
					console.log(data);
				});
				
				$.ajax({
					type:'POST',//提交方式更严谨，更安全
					url:'data.php',
					dataType:'JSON',//三种方式不管哪种，都可以用JSON传递对象
					data:{t:45},
					success:function(data){
						console.log(data);
					},
					error:function(){
						alert('连接错误');
					}
				});
				
			*/
			});
		});
		
		
 </script>
 <style type='text/css'>
</style>
</head>
 <body>
 	<form>
 		登录名：<input name="login"/><br/>
		密    码：<input name="password1"/><br/>
		密    码：<input name="password2"/><br/>
		密    码：<input name="password3"/><br/>
		密    码：<input name="password4"/><br/>
 	</form>
 <button>登录</button>
 <div></div>
 </body>
</html>
